<template>
    <div class="shopfloor">
        <li>
            <ul>
                <li>
                    <img style="width: 25vw;" src="/baking1/FgyNuZ8yE795vzF-O4lGF3G5Caxr">
                </li>
                <li>
                    <p>烘焙帮学堂，是由烘焙帮推出的课程品牌，通过官方自制的教学视频，用科学的烘焙配方、细致的步骤讲解、贴心的答疑服务，让烘焙更简单！</p>
                </li>
                <li>
                    <ul class="smallul">
                        <li>
                            <img style="width: 22vw;" src="/baking1/FvihrbO1twdtKSkz2WqB9KxUjjeg">
                            <p>蛋糕</p>
                        </li>
                        <li>
                            <img style="width: 22vw;" src="/baking1/FvihrbO1twdtKSkz2WqB9KxUjjeg">
                            <p>甜点</p>
                        </li>
                        <li>
                            <img style="width: 22vw;" src="/baking1/FvihrbO1twdtKSkz2WqB9KxUjjeg">
                            <p>面包</p>
                        </li>
                        <li>
                            <img style="width: 22vw;" src="/baking1/FvihrbO1twdtKSkz2WqB9KxUjjeg">
                            <p>中式点心</p>
                        </li>
                    </ul>
                </li>
            </ul>
        </li>
    </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.smallul{
    display: flex; 
    justify-content: space-around; 
    text-align: center;
    li{
        p{
            margin: 0;
        }
    }
}
</style>